<template>
  <div class="title">
    <slot :title="title">
      {{ title.title }}
    </slot>
  </div>
</template>

<script setup lang="ts">
import { defineProps } from "vue";
const title = defineProps(["title"]);
</script>

<style>
.title {
  width: 90%;
  height: 40px;
  background: url("../imgs/zuoTitle.png") no-repeat;
  background-size: 100% 100%;
  color: #FFF;
  margin-left: 5%;
  margin-top: 5%;
  line-height: 40px;
  
}
</style>
